<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>
        回忆录
    </title>
    <style>
        body{
            background-image: url("R-C.jpg");
            padding:110px;
        }
        header div{
            width:1000px;
        }
        .name{
            display:block;
            width:1300px;
            height:400px;

        }
        header div p1{
            position:absolute;
            top: 300px;;
            left:400px;
        }
        header div p2{
            position: absolute;
            top: 300px;;
            left:700px;
        }
        header div p3{
            position:absolute;
            top:300px;
            left:950px;
        }
        .pink{
            text-decoration: none;
            color:#1100ff;
            font-size:25px;
        }
        .pink:hover{
            color:white;
        }
        nav{
            position:sticky;
  top:0;
        }
        ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
            width:1300px;
            overflow: hidden;
            background-color: #333;
            }

li {
  float: left;
}

li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

li a:hover, .dropdown:hover .dropbtn {
  background-color: red;
}

li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

.dropdown-content a:hover {background-color: #f1f1f1;}

.dropdown:hover .dropdown-content {
  display: block;
}
li a{
    font-size:25px;
}
.sex{
    text-align: center;
    color:white;
    font-size: 25px;
}
.gudu{
    font-size:25px;
    text-align: center;
    color:white;
}
.gudu a{
    color:pink;
}
.five{
    padding: 20px;
}
.tow{
    font-size:25px;
    text-align: center;
    color:white;
}
.tow img{
    display:block;
    margin: 0 auto;
    height:1000px;
}
.one{
    text-align: center;
    font-size: 25px;
    color:white;
}
.sev{
    position: fixed;
    top:  200px;
    left: 20px; 
    margin: 0;
    padding: 0;
    width: 100px;
}
.sev a{
    display: block;
  width: 60px;
}
    </style>
</head>
<body>
    <header>
        <div>
            <img src="R-C.jpg" alt="你的名字" title="黑夜" class="name">
            <p1>
                <a href="https://www.bilibili.com/video/BV1DD4y1y7oV/" class="pink">娱乐</a>
            </p1>
            <p2>
                <a href="https://v.qq.com/x/page/k0803xr90vi.html" class="pink">学习</a>
            </p2>
            <p3>
                <a href="https://www.bilibili.com/video/BV155411o7z2/" class="pink">美食</a>
            </p3>
        </div>
    </header>
    <nav>
    <ul>
        <li><a href="#home">家人</a></li>
        <li><a href="#news">兄弟</a></li>
        <li class="dropdown">
          <a href="javascript:void(0)" class="dropbtn">真真</a>
          <div class="dropdown-content">
            <a href="她拍的夕阳.html" target="_blank">她拍的夕阳</a>
            <a href="我拍的她.html" target="_blank">我拍的她</a>
            <a href="真真的妹妹.htm" target="_blank">真真的妹妹</a>
          </div>
        </li>
      </ul>
      </nav>
    <div class="sex">
        <h2>欢迎来到我的回忆录</h2>
        过去想着现在，想在却又想着过去。过去想着未来，未来又在回顾着过去。那么就建一个回忆录来记录并回忆一下过去吧。
    </div>
    <div class="gudu">
        <h2 id="1">第一章</h2>
        <a href="https://www.bilibili.com/video/BV1Ke4y1u71D/?spm_id_from=333.999.0.0&vd_source=ced023733b95f0f0a7820471610e0e7a">1.让我浅浅回顾一下，大学里的夕阳吧，准备好感受孤独了吗</a>
        <p></p>
        <a href="https://www.bilibili.com/video/BV14841157qA/?spm_id_from=333.999.0.0&vd_source=ced023733b95f0f0a7820471610e0e7a" class="five">2.室友的沙雕日常</a>
    </div>
    <div class="tow">
        <h2 id="2">第二章</h2>
        <h4>NBA追星史</h4>
        勒布朗·詹姆斯（LeBron James），全名勒布朗·雷蒙·詹姆斯（LeBron Raymone James），1984年12月30日出生于美国俄亥俄州阿克伦，美国职业篮球运动员，司职小前锋，效力于NBA洛杉矶湖人队。 [1]  [6]  [13]  [152] 
勒布朗·詹姆斯在2003年NBA选秀中于首轮第1顺位被克利夫兰骑士队选中，在2009年与2010年蝉联NBA常规赛最有价值球员（MVP）。2010年，詹姆斯转会至迈阿密热火队。2012年，詹姆斯得到NBA个人生涯的第3个常规赛MVP，第1个总冠军以及总决赛MVP，并代表美国男篮夺得了伦敦奥运会金牌，追平了迈克尔·乔丹在1992年所创的纪录。2013年，詹姆斯夺得第4个常规赛MVP、第2个NBA总冠军和第2个总决赛MVP，实现两连冠。2014年，詹姆斯回归骑士队。2016年，詹姆斯带领骑士队逆转战胜卫冕冠军金州勇士队夺得队史首个总冠军和个人第3个总决赛MVP。2018年7月10日，詹姆斯正式与洛杉矶湖人队签下4年1.53亿美元的合同。2019-20赛季，詹姆斯当选NBA助攻王并带领湖人队夺得第17次总冠军，个人第4个总冠军以及个人第4个总决赛MVP。 [2] 
勒布朗·詹姆斯篮球智商极高、突破犀利，拥有出色的视野和传球技术，被认为是NBA有史以来最为全能的球员之一。
        <img src="c83d70cf3bc79f3df8dc8a88f7f4da11728b47108374.jpg">
    </div>
    <br>
    <div class="one">
        <h2 id="3">第三章</h2>
        来到大学，请学会享受孤独，别排斥，别讨厌，慢慢接受。有困难可以和父母说，也可以和室友说，他们都是你成长路上的帮手。少打游戏，
        多读书，眼光要放远点！请记住：未来的你一定会感谢现在拼命努力的自己！
    </div>
    <ul class="sev">
        <li><a  href="#1">第一章</a></li>
        <li><a href="#2">第二章</a></li>
        <li><a href="#3">第三章</a></li>
      </ul>
      
</body>
</html>